/* 
  收集表单验证
  前端验证：账号密码合法才携带账号密码发送请求给后端
  后端验证：验证用户存在，不存在则返回不存在，
  存在则验证密码，正确则给前端返回数据
*/
import request from "../../utils/request";
Page({
  /**
   * 页面的初始数据
   */
  data: {
    phone: "", //手机
    password: "", //密码
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  //监听表单内容发送改变
  handInput(event) {
    //向
    //let type = event.currentTarget.id //id传值
    let type = event.currentTarget.dataset.type; //自定义传值
    this.setData({
      [type]: event.detail.value,
    });
  },
  //前端登录验证
  async login() {
    let { phone, password } = this.data;
    if (!phone) {
      wx.showToast({
        title: "手机号不能为空",
        icon: "none",
      });
      return;
    }
    //正则匹配
    let phoneReg = /^1(3|4|5|6|7|8|9)\d{9}$/;
    if (!phoneReg.test(phone)) {
      wx.showToast({
        title: "手机号格式不正确",
        icon: "none",
      });
      return;
    }
    if (!password) {
      wx.showToast({
        title: "密码不能为空",
        icon: "none",
      });
      return;
    }
    wx.showToast({
      title: "正在为你登录",
    });
    //  后端验证
    let result = await request("/login/cellphone", { phone, password, isLogin:true });
    let code = result.code;
    if (code === 200) {
      wx.showToast({
        title: "登录成功",
        icon: "none",
      })
      //跳转前将用户数据存储到本地
      wx.setStorageSync('userInfo', JSON.stringify(result.profile));
      //成功后跳转到个人界面
      wx.reLaunch({
        url: '/pages/personal/personal',
      })
    } else if (code === 400) {
      wx.showToast({
        title: "手机号错误",
        icon: "none",
      })
    } else if (code === 502) {
      wx.showToast({
        title: "密码错误",
        icon: "none",
      })
    }else {
      wx.showToast({
        title: '信息有误,请确认重新输入',
        icon: 'none'
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
   
  },
    
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});
